<!DOCTYPE html>
<html lang="zh" xmlns:th="http://www.thymeleaf.org">
<head>
    <th:block th:include="include :: header('事项接受')" />
    <link rel="stylesheet" th:href="@{/static/css/sku_style.css}"/>
</head>
<body class="white-bg">
<div class="wrapper wrapper-content animated fadeIn">
    <div class="tabs-container">
        <ul class="nav nav-tabs">

            <li th:each="project,i : ${projects}"  th:class="${i.count == 1 ? 'active' : ''}">
                <a th:if="${i.count == 1}" data-toggle="tab" th:href="@{'#tab-'+${i.count}}" aria-expanded="true" th:text="${project.proName}"></a>
                <a th:if="${i.count != 1}" data-toggle="tab" th:href="@{'#tab-'+${i.count}}" aria-expanded="false" th:text="${project.proName}"></a>
            </li>

        </ul>
        <div class="tab-content">

            <div th:each="project,i : ${projects}" th:id="'tab-'+${i.count}" th:class="${i.count == 1 ? 'tab-pane active' : 'tab-pane'}">
                <div class="panel-body">
                    <ul class="sortable-list connectList agile-list">
                        <li th:each="matter : ${project.matterProjects}" class="success-element">
                            [[${matter.name}]]
                            <div class="agile-detail">
<!--                                <a href="#" class="pull-right btn btn-xs btn-white">标签</a>-->
<!--                                <a href="#" class="pull-right btn btn-xs btn-white">标记</a>-->
                                <i class="fa fa-clock-o"> 计划完成时间</i> [[${#dates.format(matter.expectedDate, 'yyyy-MM-dd')}]]
<!--                                <i class="fa fa-clock-o"> 事项创建时间</i> [[${#dates.format(matter.createTime, 'yyyy-MM-dd')}]]-->
                            </div>
                        </li>
                    </ul>
                </div>
            </div>

        </div>
    </div>
</div>

<th:block th:include="include :: footer"/>
<script th:inline="javascript">
</script>
</body>
</html>